<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
</head>
<body>
    <header>
        <section class="logo">
            <img src="images/首页_03.jpg" alt="">
            <img src="images/首页_05.jpg" alt="">
            <p>值得依赖的网上购车平台</p>
        </section>
        <section class="find">
            <p>找车</p>
            <section class="seach">
                <img src="images/首页_10.jpg" alt="">
                <input type="text" placeholder="搜索 汽车之家车商城商品">
            </section>
            <img src="images/首页_13.jpg" alt="">
        </section>
    </header>
    <main id="box">
        <section class="content">
            <section class="refresh">
                下拉刷新
            </section>
            <section class="banner">
                <section class="swiper-container" id="mybanner">
                    <section class="swiper-wrapper">
                        <!-- <section class="swiper-slide">
                            <img src="images/首页_17.jpg" alt="">
                        </section>
                        <section class="swiper-slide">
                            <img src="images/首页_17.jpg" alt="">
                        </section>
                        <section class="swiper-slide">
                            <img src="images/首页_17.jpg" alt="">
                        </section> -->
                    </section>
                </section>
            </section>
            <section class="nav">
                <ul>
                    <!-- <li>
                        <img src="images/首页_20.jpg" alt="">
                        <p>真实低价</p>
                    </li>
                    <li>
                        <img src="images/首页_22.jpg" alt="">
                        <p>买卖赔付</p>
                    </li>
                    <li>
                        <img src="images/首页_24.jpg" alt="">
                        <p>现车现卖</p>
                    </li>
                    <li>
                        <img src="images/首页_26.jpg" alt="">
                        <p>专人服务</p>
                    </li> -->
                </ul>
            </section>
            <section class="text">
                买家买车已帮助<span>30000+</span>人买车,平均优惠<span>2.48万</span>
            </section>
            <section class="btn">
                <button>开始选车</button>
            </section>
            <section class="hot">
                <section class="h-top">
                    <span>热门品牌</span>
                    <p>更多></p>
                </section>
                <section class="h-bom">
                    <ul>
                        <li>全部</li>
                        <li>奥迪</li>
                        <li>玛莎拉蒂</li>
                        <li>英菲尼迪</li>
                        <li>凯迪拉克</li>
                        <li>保时捷</li>
                        <li>路虎</li>
                        <li>法拉利</li>
                    </ul>
                </section>
            </section>
            <section class="cars">
                <h1>热门车型</h1>
                <ul>
                    <!-- <li>
                        <section class="left">
                            <img src="images/首页_33.jpg" alt="">
                        </section>
                        <section class="right">
                            <h2>奥迪A4L</h2>
                            <p>六月购车季,特惠车型优惠4万元</p>
                            <span>￥ <mark>29.99</mark>万</span> 
                            <del>￥329.999</del>
                            <p><span>3341</span>人购买</p>
                        </section>
                    </li>
                    <li>
                        <section class="left">
                            <img src="images/首页_33.jpg" alt="">
                        </section>
                        <section class="right">
                            <h2>奥迪A4L</h2>
                            <p>六月购车季,特惠车型优惠4万元</p>
                            <span>￥ <mark>29.99</mark>万</span> 
                            <del>￥329.999</del>
                            <p><span>3341</span>人购买</p>
                        </section>
                    </li> -->
                </ul>
            </section>
            <section class="more">
                上拉加载更多
            </section>
        </section>
    </main>
</body>
<script src="js/iscroll-probe.js"></script>
<script src="js/swiper-3.4.2.min.js"></script>
<script src="js/zepto-1.1.6.min.js"></script>
<script src="js/index.js"></script>
</html>